<template>
<div id="page5">
  <div id='fruits5'>
      <div id="chose-title"></div>
      <div  id='line-1'>
            <div id='in-line1'>
                   <router-link class='pic' :to="{}"> <div id='pic1'></div></router-link>
                   <div id='link-to-fruits'><router-link class='ltf' :to="{}">福建琯溪红肉蜜柚 4斤 2个</router-link></div>
                   <div id='line'></div><div id='line2'></div>
                   <div id='price'>
                      <span id='p1'>￥19.90 </span><span id='p2'>4斤 </span><span id='p3'>原价23.00</span>
                   </div>
                  <router-link class='buy' :to="{}"><div id='buy'><img src="~@/assets/加入购物车.jpg" style="width:100%;height:100%" ></div></router-link>
            </div>
            <div id='in-line1'>
                     <router-link class='pic' :to="{}"> <div id='pic2'></div></router-link>
                   <div id='link-to-fruits'><router-link class='ltf' :to="{}">陕西徐香绿猕猴桃 5斤</router-link></div>
                   <div id='line'></div><div id='line2'></div>
                   <div id='price'>
                      <span id='p1'>￥35.00  </span><span id='p2'>5斤装</span><span id='p3'>原价42.00</span>
                   </div>
                  <router-link class='buy' :to="{}"><div id='buy'><img src="~@/assets/加入购物车.jpg" style="width:100%;height:100%" ></div></router-link>
            </div>
            <div id='in-line1'>
                     <router-link class='pic' :to="{}"> <div id='pic3'></div></router-link>
                   <div id='link-to-fruits'><router-link class='ltf' :to="{}">湖北夷陵蜜橘 5斤装</router-link></div>
                   <div id='line'></div><div id='line2'></div>
                   <div id='price'>
                      <span id='p1'>￥19.90 </span><span id='p2'>5斤 </span><span id='p3'>原价23.00</span>
                   </div>
                  <router-link class='buy' :to="{}"><div id='buy'><img src="~@/assets/加入购物车.jpg" style="width:100%;height:100%" ></div></router-link>
            </div>
            <div id='in-line1'>
                      <router-link class='pic' :to="{}"> <div id='pic4'></div></router-link>
                   <div id='link-to-fruits'><router-link class='ltf' :to="{}">陕西甜脆柿 5斤装</router-link></div>
                   <div id='line'></div><div id='line2'></div>
                   <div id='price'>
                      <span id='p1'>￥29.90 </span><span id='p2'>5斤 </span><span id='p3'>原价35.00</span>
                   </div>
                  <router-link class='buy' :to="{}"><div id='buy'><img src="~@/assets/加入购物车.jpg" style="width:100%;height:100%" ></div></router-link>
            </div>
      </div>

      <div  id='line-1'>
            <div id='in-line1'>
                   <router-link class='pic' :to="{}"> <div id='pic5'></div></router-link>
                   <div id='link-to-fruits'><router-link class='ltf' :to="{}">四川突尼斯软籽石榴 5斤装</router-link></div>
                   <div id='line'></div><div id='line2'></div>
                   <div id='price'>
                      <span id='p1'>￥35.00 </span><span id='p2'>5斤 </span><span id='p3'>原价42.00</span>
                   </div>
                  <router-link class='buy' :to="{}"><div id='buy'><img src="~@/assets/加入购物车.jpg" style="width:100%;height:100%" ></div></router-link>
            </div>
            <div id='in-line1'>
                     <router-link class='pic' :to="{}"> <div id='pic6'></div></router-link>
                   <div id='link-to-fruits'><router-link class='ltf' :to="{}">福建黄金百香果 3斤装 单果重40g+</router-link></div>
                   <div id='line'></div><div id='line2'></div>
                   <div id='price'>
                      <span id='p1'>￥39.90  </span><span id='p2'>3斤装</span><span id='p3'>原价47.00</span>
                   </div>
                  <router-link class='buy' :to="{}"><div id='buy'><img src="~@/assets/加入购物车.jpg" style="width:100%;height:100%" ></div></router-link>
            </div>
            <div id='in-line1'>
                     <router-link class='pic' :to="{}"> <div id='pic7'></div></router-link>
                   <div id='link-to-fruits'><router-link class='ltf' :to="{}">四川蒲江红心猕猴桃 15个装 单果重</router-link></div>
                   <div id='line'></div><div id='line2'></div>
                   <div id='price'>
                      <span id='p1'>￥25.00 </span><span id='p2'>15个装 </span><span id='p3'>原价30.00</span>
                   </div>
                  <router-link class='buy' :to="{}"><div id='buy'><img src="~@/assets/加入购物车.jpg" style="width:100%;height:100%" ></div></router-link>
            </div>
            <div id='in-line1'>
                      <router-link class='pic' :to="{}"> <div id='pic8'></div></router-link>
                   <div id='link-to-fruits'><router-link class='ltf' :to="{}">福建琯溪白肉蜜柚 4斤装 2个</router-link></div>
                   <div id='line'></div><div id='line2'></div>
                   <div id='price'>
                      <span id='p1'>￥19.90 </span><span id='p2'>4斤装 </span><span id='p3'>原价23.00</span>
                   </div>
                  <router-link class='buy' :to="{}"><div id='buy'><img src="~@/assets/加入购物车.jpg" style="width:100%;height:100%" ></div></router-link>
            </div>
      </div>

      <div  id='line-1'>
            <div id='in-line1'>
                   <router-link class='pic' :to="{}"> <div id='pic9'></div></router-link>
                   <div id='link-to-fruits'><router-link class='ltf' :to="{}">法国加力果 6个装 单果重150g+</router-link></div>
                   <div id='line'></div><div id='line2'>来自浪漫法兰西的甜美，口感爽脆，果汁丰盈</div>
                   <div id='price'>
                      <span id='p1'>￥42.00 </span><span id='p2'>6个 </span><span id='p3'>原价50.00</span>
                   </div>
                  <router-link class='buy' :to="{}"><div id='buy'><img src="~@/assets/加入购物车.jpg" style="width:100%;height:100%" ></div></router-link>
            </div>
            <div id='in-line1'>
                     <router-link class='pic' :to="{}"> <div id='pic10'></div></router-link>
                   <div id='link-to-fruits'><router-link class='ltf' :to="{}">陕西大荔冬枣2斤装</router-link></div>
                   <div id='line'></div><div id='line2'>口感脆甜无渣。</div>
                   <div id='price'>
                      <span id='p1'>￥35.00   </span><span id='p2'>2斤装</span><span id='p3'>原价42.00</span>
                   </div>
                  <router-link class='buy' :to="{}"><div id='buy'><img src="~@/assets/加入购物车.jpg" style="width:100%;height:100%" ></div></router-link>
            </div>
            <div id='in-line1'>
                     <router-link class='pic' :to="{}"> <div id='pic11'></div></router-link>
                   <div id='link-to-fruits'><router-link class='ltf' :to="{}">新西兰佳沛阳光金奇异果25/27# 8个</router-link></div>
                   <div id='line'></div><div id='line2'>历经十年培育成功的天然新品种</div>
                   <div id='price'>
                      <span id='p1'>￥89.90 </span><span id='p2'>8个装 </span><span id='p3'>原价107.00</span>
                   </div>
                  <router-link class='buy' :to="{}"><div id='buy'><img src="~@/assets/加入购物车.jpg" style="width:100%;height:100%" ></div></router-link>
            </div>
            <div id='in-line1'>
                      <router-link class='pic' :to="{}"> <div id='pic12'></div></router-link>
                   <div id='link-to-fruits'><router-link class='ltf' :to="{}">秘鲁牛油果 8个装 单果重110g+(买6送1)</router-link></div>
                   <div id='line'></div><div id='line2'>口感细腻绵滑，婴幼儿辅食佳选</div>
                   <div id='price'>
                      <span id='p1'>￥49.90 </span><span id='p2'>8个装 </span><span id='p3'>原价59.00</span>
                   </div>
                  <router-link class='buy' :to="{}"><div id='buy'><img src="~@/assets/加入购物车.jpg" style="width:100%;height:100%" ></div></router-link>
            </div>
      </div>

      <div  id='line-1'>
            <div id='in-line1'>
                   <router-link class='pic' :to="{}"> <div id='pic13'></div></router-link>
                   <div id='link-to-fruits'><router-link class='ltf' :to="{}">山东蒙阴鲜板栗 3斤装</router-link></div>
                   <div id='line'></div><div id='line2'></div>
                   <div id='price'>
                      <span id='p1'>￥39.90 </span><span id='p2'>3斤 </span><span id='p3'>原价47.00</span>
                   </div>
                  <router-link class='buy' :to="{}"><div id='buy'><img src="~@/assets/加入购物车.jpg" style="width:100%;height:100%" ></div></router-link>
            </div>
            <div id='in-line1'>
                     <router-link class='pic' :to="{}"> <div id='pic14'></div></router-link>
                   <div id='link-to-fruits'><router-link class='ltf' :to="{}">福建六鳌蜜薯 5斤装 单果重150g+</router-link></div>
                   <div id='line'></div><div id='line2'></div>
                   <div id='price'>
                      <span id='p1'>￥29.90 </span><span id='p2'>5斤</span><span id='p3'>原价35.00</span>
                   </div>
                  <router-link class='buy' :to="{}"><div id='buy'><img src="~@/assets/加入购物车.jpg" style="width:100%;height:100%" ></div></router-link>
            </div>
            <div id='in-line1'>
                     <router-link class='pic' :to="{}"> <div id='pic15'></div></router-link>
                   <div id='link-to-fruits'><router-link class='ltf' :to="{}">山东烟台红富士 5斤装</router-link></div>
                   <div id='line'></div><div id='line2'>爽脆多汁 香甜醇厚</div>
                   <div id='price'>
                      <span id='p1'>￥35.00 </span><span id='p2'>5斤 </span><span id='p3'>原价42.00</span>
                   </div>
                  <router-link class='buy' :to="{}"><div id='buy'><img src="~@/assets/加入购物车.jpg" style="width:100%;height:100%" ></div></router-link>
            </div>
            <div id='in-line1'>
                      <router-link class='pic' :to="{}"> <div id='pic16'></div></router-link>
                   <div id='link-to-fruits'><router-link class='ltf' :to="{}">陕西翠香猕猴桃 12粒装 单果重90g+</router-link></div>
                   <div id='line'></div><div id='line2'></div>
                   <div id='price'>
                      <span id='p1'>￥25.00 </span><span id='p2'>12粒 </span><span id='p3'>原价30.00</span>
                   </div>
                  <router-link class='buy' :to="{}"><div id='buy'><img src="~@/assets/加入购物车.jpg" style="width:100%;height:100%" ></div></router-link>
            </div>
      </div>

      <div  id='line-1'>
            <div id='in-line1'>
                   <router-link class='pic' :to="{}"> <div id='pic17'></div></router-link>
                   <div id='link-to-fruits'><router-link class='ltf' :to="{}">陕西翠香猕猴桃 5斤装 单果重90g+</router-link></div>
                   <div id='line'></div><div id='line2'></div>
                   <div id='price'>
                      <span id='p1'>￥39.90 </span><span id='p2'>5斤 </span><span id='p3'>原价47.00</span>
                   </div>
                  <router-link class='buy' :to="{}"><div id='buy'><img src="~@/assets/加入购物车.jpg" style="width:100%;height:100%" ></div></router-link>
            </div>
            <div id='in-line1'>
                     <router-link class='pic' :to="{}"> <div id='pic18'></div></router-link>
                   <div id='link-to-fruits'><router-link class='ltf' :to="{}">甘肃花牛苹果 5斤装</router-link></div>
                   <div id='line'></div><div id='line2'></div>
                   <div id='price'>
                      <span id='p1'>￥25.00 </span><span id='p2'>5斤</span><span id='p3'>原价30.00</span>
                   </div>
                  <router-link class='buy' :to="{}"><div id='buy'><img src="~@/assets/加入购物车.jpg" style="width:100%;height:100%" ></div></router-link>
            </div>
            <div id='in-line1'>
                     <router-link class='pic' :to="{}"> <div id='pic19'></div></router-link>
                   <div id='link-to-fruits'><router-link class='ltf' :to="{}">云南小土豆5斤装</router-link></div>
                   <div id='line'></div><div id='line2'></div>
                   <div id='price'>
                      <span id='p1'>￥19.90 </span><span id='p2'>5斤 </span><span id='p3'>原价23.00</span>
                   </div>
                  <router-link class='buy' :to="{}"><div id='buy'><img src="~@/assets/加入购物车.jpg" style="width:100%;height:100%" ></div></router-link>
            </div>
            <div id='in-line1'>
                      <router-link class='pic' :to="{}"> <div id='pic20'></div></router-link>
                   <div id='link-to-fruits'><router-link class='ltf' :to="{}">天宝红皮香蕉 3斤装 约10~15根</router-link></div>
                   <div id='line'></div><div id='line2'></div>
                   <div id='price'>
                      <span id='p1'>￥29.90 </span><span id='p2'>3斤 </span><span id='p3'>原价35.00</span>
                   </div>
                  <router-link class='buy' :to="{}"><div id='buy'><img src="~@/assets/加入购物车.jpg" style="width:100%;height:100%" ></div></router-link>
            </div>
      </div>

       <div  id='line-1'>
            <div id='in-line1'>
                   <router-link class='pic' :to="{}"> <div id='pic21'></div></router-link>
                   <div id='link-to-fruits'><router-link class='ltf' :to="{}">天宝青皮香蕉 5斤装 12~18根</router-link></div>
                   <div id='line'></div><div id='line2'></div>
                   <div id='price'>
                      <span id='p1'>￥32.90 </span><span id='p2'>5斤 </span><span id='p3'>原价39.00</span>
                   </div>
                  <router-link class='buy' :to="{}"><div id='buy'><img src="~@/assets/加入购物车.jpg" style="width:100%;height:100%" ></div></router-link>
            </div>
            <div id='in-line1'>
                     <router-link class='pic' :to="{}"> <div id='pic22'></div></router-link>
                   <div id='link-to-fruits'><router-link class='ltf' :to="{}">贝贝南瓜 5斤装 单果重200g+</router-link></div>
                   <div id='line'></div><div id='line2'>一口粉糯，满嘴香甜</div>
                   <div id='price'>
                      <span id='p1'>￥35.00 </span><span id='p2'>5斤</span><span id='p3'>原价42.00</span>
                   </div>
                  <router-link class='buy' :to="{}"><div id='buy'><img src="~@/assets/加入购物车.jpg" style="width:100%;height:100%" ></div></router-link>
            </div>
            <div id='in-line1'>
                     <router-link class='pic' :to="{}"> <div id='pic23'></div></router-link>
                   <div id='link-to-fruits'><router-link class='ltf' :to="{}">山东蒙阴红不软水蜜桃 3斤 单果重150g+</router-link></div>
                   <div id='line'></div><div id='line2'></div>
                   <div id='price'>
                      <span id='p1'>￥26.90 </span><span id='p2'>3斤 </span><span id='p3'>原价32.00</span>
                   </div>
                  <router-link class='buy' :to="{}"><div id='buy'><img src="~@/assets/加入购物车.jpg" style="width:100%;height:100%" ></div></router-link>
            </div>
            <div id='in-line1'>
                      <router-link class='pic' :to="{}"> <div id='pic24'></div></router-link>
                   <div id='link-to-fruits'><router-link class='ltf' :to="{}">福建琯溪蜜柚2个 红白柚各1个 产地直发</router-link></div>
                   <div id='line'></div><div id='line2'></div>
                   <div id='price'>
                      <span id='p1'>￥19.90 </span><span id='p2'>2个 </span><span id='p3'>原价23.00</span>
                   </div>
                  <router-link class='buy' :to="{}"><div id='buy'><img src="~@/assets/加入购物车.jpg" style="width:100%;height:100%" ></div></router-link>
            </div>
       </div>

      <div  id='line-1'>
            <div id='in-line1'>
                   <router-link class='pic' :to="{}"> <div id='pic25'></div></router-link>
                   <div id='link-to-fruits'><router-link class='ltf' :to="{}">新西兰佳沛阳光金奇异果30/33号 6个装</router-link></div>
                   <div id='line'></div><div id='line2'>历经十年培育成功的天然新品种</div>
                   <div id='price'>
                      <span id='p1'>￥59.90 </span><span id='p2'>6个装 </span><span id='p3'>原价71.00</span>
                   </div>
                  <router-link class='buy' :to="{}"><div id='buy'><img src="~@/assets/加入购物车.jpg" style="width:100%;height:100%" ></div></router-link>
            </div>
            <div id='in-line1'>
                     <router-link class='pic' :to="{}"> <div id='pic26'></div></router-link>
                   <div id='link-to-fruits'><router-link class='ltf' :to="{}">新西兰佳沛阳光金奇异果30/33号 原箱装</router-link></div>
                   <div id='line'></div><div id='line2'>历经十年培育成功的天然新品种</div>
                   <div id='price'>
                      <span id='p1'>￥259.00  </span><span id='p2'>原箱装</span><span id='p3'>原价310.00</span>
                   </div>
                  <router-link class='buy' :to="{}"><div id='buy'><img src="~@/assets/加入购物车.jpg" style="width:100%;height:100%" ></div></router-link>
            </div>

       </div>

  </div>
</div>
</template>

<style>

#page5
{
  width: 1515px;
  height: 3760px;
  background: rgba(192, 187, 192, 0.199);
  box-shadow:-2px 1px 10px gray;
}
#fruits5
{
  margin:0px auto;
  width: 85%;
  height: 3760px;
  /* background-image: url("~@/assets/花果山.jpg") ;
  background-size: cover; */
  background: rgba(247, 204, 242, 0.185);
box-shadow:-2px 2px 10px rgba(192, 164, 192, 0.349);
}

#chose-title{width: 100%;background: rgba(152, 251, 152, 0.192);
  height:50px;}
#line-1{
  margin-top:20px;
  width: 100%;
  height:500px;
  float: left;
}
#in-line1{
  background: papayawhip;
  width: 24%;
  height:500px;
  float: left;
  margin-left: 10px;
  box-shadow:-2px 6px 9px gray;
}
#link-to-fruits{
  margin-top: 10px;margin-left:20px;font-weight: 700;
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;font-size: 15px;
  }
#line{ border-bottom: 2px dotted gray; margin: 0px auto;width: 90%;opacity: 0.5;margin-top:5px}
#line2{ border-bottom: 2px dotted gray; margin: 0px auto;width: 90%;opacity: 0.5;margin-top:20px;font-size: 7px;}
#link-to-fruits a{
  text-decoration: none;
  color: black;
}
#link-to-fruits a:hover{
  color: rgb(10, 243, 29);
  text-decoration: underline;
}
#price{
  margin: 0px auto;width: 90%;margin-top:2px;
}
#p1{color: red; font-family: cursive;font-weight: 800; font-size: 28px;}
#p2{ font-family: cursive;color: rgba(87, 83, 83, 0.575);font-weight: 600; font-size: 15px;}
#p3{ font-family: serif;color: rgba(43, 40, 40, 0.486);font-weight: 300; font-size: 10px;text-decoration: line-through;}
#buy{
  width: 100px;
  height: 25px;
  margin-top:5px;
  background-size: cover;
  float:right;
  margin-right: 20px;
}


/* 图片 */
#pic1{
  width: 100%;
  height:70%;
  background-image: url("~@/assets/commodities/福建琯溪红肉蜜柚.jpg") ;
  background-size: cover;
}
#pic2{
  width: 100%;
  height:70%;
  background-image: url("~@/assets/commodities/陕西徐香绿猕猴桃.jpg") ;
  background-size: cover;
}
#pic3{
  width: 100%;
  height:70%;
  background-image: url("~@/assets/commodities/湖北夷陵蜜橘 .jpg") ;
  background-size: cover;
}
#pic4{
  width: 100%;
  height:70%;
  background-image: url("~@/assets/commodities/陕西甜脆柿.jpg") ;
  background-size: cover;
}
#pic5{
  width: 100%;
  height:70%;
  background-image: url("~@/assets/commodities/四川突尼斯软籽石榴 .jpg") ;
  background-size: cover;
}
#pic6{
  width: 100%;
  height:70%;
  background-image: url("~@/assets/commodities/福建黄金百香果 .jpg") ;
  background-size: cover;
}
#pic7{
  width: 100%;
  height:70%;
  background-image: url("~@/assets/commodities/四川蒲江红心猕猴桃.jpg") ;
  background-size: cover;
}
#pic8{
  width: 100%;
  height:70%;
  background-image: url("~@/assets/commodities/福建琯溪白肉蜜柚.jpg") ;
  background-size: cover;
}
#pic9{
  width: 100%;
  height:70%;
  background-image: url("~@/assets/commodities/法国加力果.jpg") ;
  background-size: cover;
}
#pic10{
  width: 100%;
  height:70%;
  background-image: url("~@/assets/commodities/陕西大荔冬枣.jpg") ;
  background-size: cover;
}
#pic11{
  width: 100%;
  height:70%;
  background-image: url("~@/assets/commodities/新西兰佳沛阳光金奇异果.jpg") ;
  background-size: cover;
}
#pic12{
  width: 100%;
  height:70%;
  background-image: url("~@/assets/commodities/秘鲁牛油果.jpg") ;
  background-size: cover;
}
#pic13{
  width: 100%;
  height:70%;
  background-image: url("~@/assets/commodities/山东蒙阴鲜板栗.jpg") ;
  background-size: cover;
}
#pic14{
  width: 100%;
  height:70%;
  background-image: url("~@/assets/commodities/福建六鳌蜜薯 .jpg") ;
  background-size: cover;
}
#pic15{
  width: 100%;
  height:70%;
  background-image: url("~@/assets/commodities/山东烟台红富士.jpg") ;
  background-size: cover;
}
#pic16{
  width: 100%;
  height:70%;
  background-image: url("~@/assets/commodities/陕西翠香猕猴桃.jpg") ;
  background-size: cover;
}
#pic17{
  width: 100%;
  height:70%;
  background-image: url("~@/assets/commodities/陕西翠香猕猴桃5斤装.jpg") ;
  background-size: cover;
}
#pic18{
  width: 100%;
  height:70%;
  background-image: url("~@/assets/commodities/甘肃花牛苹果.jpg") ;
  background-size: cover;
}
#pic19{
  width: 100%;
  height:70%;
  background-image: url("~@/assets/commodities/云南小土豆.jpg") ;
  background-size: cover;
}
#pic20{
  width: 100%;
  height:70%;
  background-image: url("~@/assets/commodities/天宝红皮香蕉.jpg") ;
  background-size: cover;
}
#pic21{
  width: 100%;
  height:70%;
  background-image: url("~@/assets/commodities/天宝青皮香蕉.jpg") ;
  background-size: cover;
}
#pic22{
  width: 100%;
  height:70%;
  background-image: url("~@/assets/commodities/贝贝南瓜.jpg") ;
  background-size: cover;
}
#pic23{
  width: 100%;
  height:70%;
  background-image: url("~@/assets/commodities/山东蒙阴红不软水蜜桃.jpg") ;
  background-size: cover;
}
#pic24{
  width: 100%;
  height:70%;
  background-image: url("~@/assets/commodities/福建琯溪蜜柚2个.jpg") ;
  background-size: cover;
}
#pic25{
  width: 100%;
  height:70%;
  background-image: url("~@/assets/commodities/新西兰佳沛阳光金奇异果3033号 6个装.jpg") ;
  background-size: cover;
}
#pic26{
  width: 100%;
  height:70%;
  background-image: url("~@/assets/commodities/新西兰佳沛阳光金奇异果3033号 原箱装.jpg") ;
  background-size: cover;
}

</style>
